/* pages/user/index.wxss */
page {
    background-color: rgb(235, 236, 231);
    height: 100vh;
}

view.user_info {
    position: relative;

    height: 45vh;

    //背景的模糊图片 
    .bgc_image {
        image {
            height: 45vh !important;
            width: 100%;
            filter: blur(10rpx);
        }
    }

    //用户头像+名称模块
    view.user_avatar {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;


        view.avatar {
            overflow: hidden;
            border-radius: 50%;
            width: 150rpx;
            height: 150rpx;

            image {
                width: 150rpx;
                height: 150rpx;
            }


        }

        .nickName {
            margin-top: 10rpx;
            font-size: 37rpx;
        }
    }

    //未登录模块 显示按钮
    view.user_btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;

        button.default {}
    }
}

view.user_content {
    color: rgb(93, 98, 96);
    position: relative;
    top: -130rpx;
    padding: 0 23rpx;

    //最上面的区域 
    view.head {
        display: flex;
        background-color: #fff;
        height: 90rpx;
        margin-bottom: 15rpx;

        navigator {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;

            view.head_item {
                text.num {
                    color: var(--themeColor);
                }

                view.head_item_text {
                    font-size: 24rpx;
                    color: rgb(93, 98, 96);
                }
            }
        }
    }

    //我的订单
    view.my_order {
        height: 75rpx;
        padding: 18rpx;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        color: rgb(93, 98, 96);
        font-size: 27rpx;


    }

    //中部四个tab栏
    view.tabs {
        display: flex;
        background-color: #fff;
        padding: 18rpx;
        margin-bottom: 18rpx;

        navigator {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;

            view.tabs_item {
                view.tabs_item_icon {
                    color: var(--themeColor);
                    font-size: 37rpx;
                }

                view.tabs_item_text {
                    font-size: 24rpx;

                }
            }
        }
    }

    //收货地址管理
    view.address_manage {
        height: 75rpx;
        background-color: #fff;
        padding: 18rpx;
        margin-bottom: 23rpx;

        navigator {}
    }

    //联系客服
    view.help {
        padding: 18rpx;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;

        navigator {}

        text.num {}
    }

    //意见反馈
    view.advice {
        padding: 18rpx;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        position: relative;

        button {
            position: absolute;
            z-index: 6;
            top: 0;
            left: 0;
            height: 100%;
            width: 100vw;
            opacity: 0;
        }

        navigator {}
    }

    //关于我们
    view.about {
        padding: 18rpx;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15rpx;



        navigator {}
    }

    //把应用推荐给其他人
    view.tuijian {
        padding: 18rpx;
        background-color: #fff;


        navigator {}
    }
}